<app-header></app-header>
<!--轮播开始-->
<app-banner></app-banner>
<!--轮播结束-->

<!--内容开始-->
<div style="background-color: #efeef2; width:100%;">
<div class="container ">
    <div class="row">
        <div class="col-md-12 col-sm-12 top_img_box">
            <div class="col-md-5 col-sm-5 col-xs-12 bor_fr_01">
                <div class="img_box_01 col-md-4 col-sm-6 col-xs-6">
                    <img src="{{asset_url}}{{wechatGame.resource}}{{wechatGame.thumb}}" alt="">
                </div>
                <div class="top_box_w01 col-md-8 col-sm-6 col-xs-6">
                    <h4><b>{{wechatGame.title}}</b></h4>
                    <p>状态:  {{wechatGame.status}}</p>
                    <ul class="gua_box_01">
                        <li>
                            <img src="../../assets/image/edit_game/clock_01.png" alt="">
                        </li>
                        <li>{{wechatGame.create_time}}</li>
                        <!--<li>13.14.52</li>-->
                    </ul>
                </div>
            </div>
            <div class="col-md-2 col-sm-2 col-xs-12 center_box">
                <div class="center_box_01">
                    <h4><b>浏览量</b></h4>
                    <img src="../../assets/image/edit_game/eye.png" alt="">
                    <p>{{wechatGame.use_amount}}</p>
                </div>
            </div>
            <div class="col-md-5 col-sm-5 col-xs-12">
                <ul id="myTab" class="nav nav-tabs">
                    <li class="active">
                        <a href="#fan_wen" data-toggle="tab">访问量</a>
                    </li>
                    <!--<li>-->
                        <!--<a href="#red_bao" data-toggle="tab">口令红包</a>-->
                    <!--</li>-->
                    <li>
                        <a href="#paihan_ban" data-toggle="tab">排行榜</a>
                    </li>
                </ul>
            </div>
        </div>
    </div>

    <div id="myTabContent" class="tab-content">
        <!--访问量开始-->
        <div class="row tab-pane fade in active" id="fan_wen">
            <div class="col-md-12 col-sm-12 top_img_box_other">
                <table class="table table-striped col-md-10 col-sm-10">
                    <thead>
                    <tr>
                        <th>序号</th>
                        <th>日期</th>
                        <th>访问量</th>
                        <th>玩家数</th>
                    </tr>
                    </thead>
                    <tr *ngFor="let statistics of statistics.list;let i = index;">
                        <td>{{statistics.rownum}}</td>
                        <td>{{statistics.date}}</td>
                        <td>{{statistics.num}}</td>
                        <td>30</td>
                    </tr>
                </table>
            </div>
            <!--分页开始-->
            <div class="row">
                <nav *ngIf="statistics.pagination" class="col-xs-12 col-md-12 text-center">
                    <ul id="pagination" class="pagination" >
                        <li *ngIf="statistics.pagination.current > 1">
                            <a (click)="previousPage(1)">
                                <!--&laquo;-->
                                上一页
                            </a>
                        </li>
                        <div class="page_div" *ngIf="statistics.pagination.count > 3">
                            <li *ngIf="statistics.pagination.current > 2">
                                <a (click)="locationPage(1,1)">1</a>
                            </li>
                            <li *ngIf="statistics.pagination.current > 2">
                                <a>...</a>
                            </li>
                        </div>
                        <li *ngFor="let item of statistics.pagination.page" [class.active]="item == selectedPage">
                            <a (click)="locationPage(item,1)">{{ item }}</a>
                        </li>
                        <div class="page_div" *ngIf="statistics.pagination.count > 3">
                            <li *ngIf="statistics.pagination.current < (statistics.pagination.count - 1)">http://res.2015mobi.com/wechat_game/diandeng/index.html
                                <a>...</a>
                            </li>
                            <li *ngIf="statistics.pagination.current < (statistics.pagination.count - 1)">
                                <a (click)="locationPage(statistics.pagination.count,1)">...{{ statistics.pagination.count }}</a>
                            </li>
                        </div>
                        <li *ngIf="statistics.pagination.current <  statistics.pagination.count">
                            <a (click)="nextPage(1)">
                                <!--&raquo;-->
                                下一页
                            </a>
                        </li>
                    </ul>
                </nav>
            </div>
            <!--分页结束-->
        </div>
        <!--访问量结束-->
        <!--口令红包开始-->
        <!--<div class="row tab-pane fade" id="red_bao">-->
            <!--<div class="col-md-12 col-sm-12 top_img_box">-->
                <!--<table class="table table-striped col-md-10 col-sm-10">-->
                    <!--<thead>-->
                    <!--<tr>-->
                        <!--<th>序号</th>-->
                        <!--<th>中奖时间</th>-->
                        <!--<th>微信昵称</th>-->
                        <!--<th>红包金额</th>-->
                    <!--</tr>-->
                    <!--</thead>-->
                    <!--<tr>-->
                        <!--<td>1</td>-->
                        <!--<td>2017-02-16</td>-->
                        <!--<td>小笼包龙女的</td>-->
                        <!--<td>0.23</td>-->
                    <!--</tr>-->
                <!--</table>-->
            <!--</div>-->
        <!--</div>-->
        <!--口令红包结束-->
        <!--排行版开始-->
        <div class="row tab-pane fade" id="paihan_ban">
            <div class="col-md-12 col-sm-12 top_img_box_other">
                <table class="table table-striped col-md-10 col-sm-10">
                    <thead>
                    <tr>
                        <th>排名</th>
                        <th>微信昵称</th>
                        <th>成绩</th>
                        <th>中奖时间</th>
                    </tr>
                    </thead>
                    <tr *ngFor="let ranking of ranking.list;let i = index;">
                        <td>{{ranking.rownum}}</td>
                        <td>{{ranking.nickname}}</td>
                        <td>{{ranking.point}}</td>
                        <td>30</td>
                    </tr>
                </table>
            </div>
            <!--分页开始-->
            <div class="row">
                <nav *ngIf="ranking.pagination" class="col-xs-12 col-md-12 text-center">
                    <ul id="pagination3" class="pagination" >
                        <li *ngIf="ranking.pagination.current > 1">
                            <a (click)="previousPage(3)">
                                <!--&laquo;-->
                                上一页
                            </a>
                        </li>
                        <div class="page_div" *ngIf="ranking.pagination.count > 3">
                            <li *ngIf="ranking.pagination.current > 2">
                                <a (click)="locationPage(1,3)">1</a>
                            </li>
                            <li *ngIf="ranking.pagination.current > 2">
                                <a>...</a>
                            </li>
                        </div>
                        <li *ngFor="let item of ranking.pagination.page" [class.active]="item == selectedPage3">
                            <a (click)="locationPage(item,3)">{{ item }}</a>
                        </li>
                        <div class="page_div" *ngIf="ranking.pagination.count > 3">
                            <li *ngIf="ranking.pagination.current < (ranking.pagination.count - 1)">
                                <a>...</a>
                            </li>
                            <li *ngIf="ranking.pagination.current < (ranking.pagination.count - 1)">
                                <a (click)="locationPage(ranking.pagination.count,3)">{{ ranking.pagination.count }}</a>
                            </li>
                        </div>
                        <li *ngIf="ranking.pagination.current <  ranking.pagination.count">
                            <a (click)="nextPage(3)">
                                <!--&raquo;-->
                                下一页
                            </a>
                        </li>
                    </ul>
                </nav>
            </div>
            <!--分页结束-->
        </div>
        <!--排行版结束-->
    </div>
</div>
</div>
<app-footer></app-footer>